﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SitePagePopUp.Master" AutoEventWireup="true" CodeBehind="Add-Advertising.aspx.cs" Inherits="TranTekBE.Marketing.Add_Advertising" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script type="text/javascript" src="../Scripts/jsLib.js"></script>
    <script type="text/javascript">
        function toggleDiv(divId) {
            $("#" + divId).toggle();
        }
        function showonlyone(thechosenone) {
            $('.newboxes').each(function (index) {
                if ($(this).attr("id") == thechosenone) {
                    $(this).show(200);
                }
                else {
                    $(this).hide(600);
                }
            });
        }
        function slideonlyone(thechosenone) {
            $('.newboxes2').each(function (index) {
                if ($(this).attr("id") == thechosenone) {
                    $(this).slideDown(200);
                }
                else {
                    $(this).slideUp(600);
                }
            });
        }
        function toggleAndChangeText() {
            $('#divToToggle').toggle();
            if ($('#divToToggle').css('display') == 'none') {
                $('#aTag').html('Collapsed text mode &#9658');
            }
            else {
                $('#aTag').html('Expanded text mode &#9660');
            }
        }
        $(document).ready(function () {
            $('#clickme').click(function () {
                $('#me').animate({
                    height: 'toggle'
                }, 2000
                );
            });
        });
        function toggleByClass(className) {
            $("." + className).toggle();
        }
</script>
    <style type="text/css">
        fieldset,
        table, tbody, tfoot, thead, tr, th, td {
            border: 0;
            font-family: inherit;
            font-size: 100%;
            font-style: inherit;
            font-weight: inherit;
            margin: 0;
            outline: 0;
            padding: 0;
            vertical-align: baseline;
        }

        .hideshow {
            border: 1px solid black;
            display: none;
            padding: 5px;
            width: 150px;
            background-color: rgb(204, 204, 204);
        }

        .bodiv {
            background-color: rgb(204, 204, 204);
            padding: 5px;
            border: 1px solid #000;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyPopupContent" runat="server">
    <div style="margin-left: 0px; margin-top: 0px;">

        <%--Thêm quảng cáo--%>

        <div style="border: 1px solid #000; padding: 10px;">
            <asp:Label ID="ltrErr" runat="server"></asp:Label>
            <div style="margin-top: 0px">
                <div style="border: 1px solid #000; padding: 10px;">
                    <h3 style="color: #fff; background-color: #006796; padding: 5px">Chọn Đối tác:</h3>
                    <fieldset>
                        <table>
                            <tbody>

                                <tr>
                                    <td>
                                        <div>
                                            <a style="color: #006796;" id="myHeader1" href="javascript:showonlyone('newboxes1');">+ Đối Tác Cũ</a>
                                        </div>
                                        <div class="newboxes hideshow" id="newboxes1" style="width: 100%">

                                            <asp:DropDownList ID="droplist_doitac_old" runat="server">
                                            </asp:DropDownList>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div style="margin-top: 10px">
                                            <a style="color: #006796" id="myHeader2" href="javascript:showonlyone('newboxes2');">+ Đối Tác Mới</a>
                                        </div>
                                        <div class="newboxes hideshow" id="newboxes2" style="width: 100%">

                                            <asp:TextBox ID="txtCty" runat="server" placeholder="Nhập Công Ty Đối Tác" Width="300px"></asp:TextBox>

                                            <asp:TextBox ID="txtDaiDien" runat="server" placeholder="Nhập Người Đại Diện" Width="290px"></asp:TextBox>

                                            <asp:TextBox ID="txtDiaChi" runat="server" placeholder="Nhập Địa Chỉ Đối Tác" Width="300px"></asp:TextBox>

                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </fieldset>


                </div>
                <div style="border: 1px solid #000; padding: 10px;">
                    <h3 style="color: #fff; background-color: #006796; padding: 5px">Quảng cáo:</h3>
                    <div class="bodiv">
                        <asp:DropDownList ID="droplist_VitriQC" runat="server">
                        </asp:DropDownList>

                        <asp:DropDownList ID="droplist_LoaiQC" runat="server">
                        </asp:DropDownList>

                        <asp:TextBox ID="txtStartDate" runat="server" placeholder="Thời gian bắt đầu chạy quảng cáo" Width="250px"></asp:TextBox>
                        <asp:TextBox ID="txtEnddate" runat="server" placeholder="Thời gian kết thúc chạy quảng cáo" Width="250px"></asp:TextBox>
                    </div>
                    <br />
                    <br />
                    <div class="bodiv">
                        <b>Tiền/Tháng:</b>
                        <asp:TextBox ID="txtTienThang" runat="server" placeholder="Nhập số tiền" Width="300px"></asp:TextBox>

                        <b style="margin-left: 20px">Upload hình ảnh: </b>
                        <asp:FileUpload ID="FileUpload_Image" runat="server" />
                    </div>
                </div>
                <br />
                <br />
                <center>
                    <asp:Button ID="btnAddEvent" Style="margin-left: 20px" runat="server" Text="Đồng Ý" OnClick="btnAddEvent_Click" Width="300px" Height="60px" BackColor="#DBDEE1" Font-Bold="true" />
                </center>
                <br />
                <br />
            </div>

        </div>



    </div>


    <script type="text/javascript">
        function LoadJS() {



            $("#<%=txtStartDate.ClientID %>").datepicker(
                    {
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "mm/dd/yy",
                        monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
                        monthNamesShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
                        dayNamesMin: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNamesShort: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNames: ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
                        beforeShow: function () {
                            $(".ui-datepicker").css('font-size', 12)
                        }
                    }
                    );
            $("#<%=txtEnddate.ClientID %>").datepicker(
                    {
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "mm/dd/yy",
                        monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
                        monthNamesShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
                        dayNamesMin: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNamesShort: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNames: ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
                        beforeShow: function () {
                            $(".ui-datepicker").css('font-size', 12)
                        }
                    }
                    );
        }
    </script>
</asp:Content>
